/* CSS Document */
.container{display:block; width:100%; margin-top:80px;}
.container .wrap{display:block; max-width:1200px; margin:0 auto;}
.container .wrap .gs_news{width:68%;}
.container .wrap .qa{width:30%;}

.container .wrap .gs_news .title{display:block; height:50px;}
.container .wrap .gs_news .title h4{display:block; line-height:50px; font-size:22px; color:#10388d;}
.container .wrap .gs_news .title h4 .en{padding-left:10px; font-weight:normal; font-size:18px; color:#444; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.container .wrap .gs_news .title .more{float:right;width:56px; height:21px; background:url(../images/more.jpg) no-repeat right top; margin-top:15px;}
.container .wrap .gs_news .con{display:block; padding-top:10px; width:100%; overflow:hidden;}
.container .wrap .gs_news .con .ns{float:left; width:45%; height:auto;}
.container .wrap .gs_news .con .ns img{display:block; width:100%; height:auto;}
.container .wrap .gs_news .con .wz{float:right; width:52%;border-top:1px solid #e1e1e1; padding-top:10px;}
.container .wrap .gs_news .con .wz .tit{display:block;line-height:40px; font-size:19px; color:#10388d; font-weight:bold;}
.container .wrap .gs_news .con .wz .time{display:block; line-height:20px; font-size:13px; color:#aaa; padding:5px 0px;}
.container .wrap .gs_news .con .wz .detail{display:block; font-size:14px; color:#666; margin-top:6px;}
.container .wrap .gs_news .con .wz .moret{display:block; line-height:40px; font-size:15px; margin-top:23px; color:#10388d;}
.container .wrap .gs_news .con ul{display:block; margin-top:25px; width:1005;}
.container .wrap .gs_news .con ul li{float:left; width:48%; margin-right:2%; margin-bottom:15px;}
.container .wrap .gs_news .con ul li a{display:block;height:60px; background:#f2f2f2; font-size:16px; line-height:60px;}
.container .wrap .gs_news .con ul li a .time{float:left; height:62px;width:66px;background:#c0c0c0; margin-right:10px;}
.container .wrap .gs_news .con ul li a .time i{display:block; line-height:40px; font-style:normal; font-size:20px; color:#fff; font-weight:bold; width:100%; text-align:center;}
.container .wrap .gs_news .con ul li a .time em{display:block; line-height:20px; font-size:13px; font-style:normal; color:#fff; text-align:center;}


.container .wrap .qa .title{display:block; height:50px; padding-bottom:10px;border-bottom:1px solid #e1e1e1;}
.container .wrap .qa .title h4{display:block; line-height:50px; font-size:22px; color:#10388d;}
.container .wrap .qa .title h4 .en{padding-left:10px; font-weight:normal; font-size:18px; color:#444; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.container .wrap .qa .title .more{float:right;width:56px; height:21px; background:url(../images/more.jpg) no-repeat right top; margin-top:15px;}
.container .wrap .qa .con{display:block; padding-top:15px;}

.container .wrap .qa .con dl{display:block; padding-bottom:25px; border-bottom:1px solid #e1e1e1; margin-bottom:25px;}
.container .wrap .qa .con dt{display:Block; line-height:30px;  font-size:16px; color:#10388d;}
.container .wrap .qa .con dt a{display:block;line-height:30px; padding-left:30px; font-size:16px; color:#10388d; padding-left:30px; background:url(../images/q.jpg) no-repeat left center;font-weight:bold;}
.container .wrap .qa .con dd a{display:block; padding-left:30px; background:url(../images/a.jpg) no-repeat left 5px; font-size:14px; line-height:24px; margin-top:10px;}


.container .hot_products{display:block; width:1200px; margin:0 auto; margin-top:80px;}
.container .hot_products .title h4{display:block; line-height:40px; text-align:center; font-size:28px; background:url(../images/line.jpg) no-repeat center center; color:#444;}
.container .hot_products .title h4 .red{color:#10388d;}
.container .hot_products .tip{display:block; line-height:30px; text-align:center; font-size:18px; text-align:center; font-style:italic;}
.container .hot_products .con{display:block; padding-top:30px;}

.h_pro{display:block; width:1200px; margin:0 auto; position:relative; z-index:2; left:0; top:0;}
.h_pro .arrow_l{position:absolute; left:-50px; top:150px; z-index:8;width:42px; height:42px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.h_pro .arrow_l:hover{background:url(../images/lefth.jpg) no-repeat left center; }
.h_pro .arrow_l.current{background:url(../images/lefth.jpg) no-repeat left center; }

.h_pro .arrow_r{position:absolute; right:-50px; top:150px; z-index:9;width:42px; height:42px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.h_pro .arrow_r:hover{background:url(../images/righth.jpg) no-repeat left center;}
.h_pro .arrow_r.current{background:url(../images/righth.jpg) no-repeat left center;}

.h_pro #scrollarea{display:block; width:1200px; height:430px; margin:0 auto; overflow:hidden; }
.h_pro #inrea{display:block; width:800%;}
.h_pro #area1{float:left;}
.h_pro #area2{float:left;}
.h_pro #scrollarea li{float:left; width:382px; margin-right:18px; font-size:15px; color:#666; height:415px;  }
.h_pro #scrollarea li a{display:block; width:382px; font-size:16px; line-height:40px; padding-bottom:15px; border-bottom:1px solid #c8c8c8; }
.h_pro #scrollarea li a:hover img{background:#3188cf; color:#fff;}
.h_pro #scrollarea li img{display:block; width:382px; height:286px; }
.h_pro #scrollarea li .tit{display:block; width:382px; height:40px; line-height:40px; color:#10388d; font-size:17px;  margin:0 auto; font-weight:bold;text-align:left;}
.h_pro #scrollarea li .detail{display:block; width:382px; margin:0 auto; font-size:14px; line-height:24px; padding-top:5px; text-align:left; overflow:hidden; font-style:italic;}


.products{display:block; width:1200px; margin:0 auto;margin-top:80px;}
.products .list{display:block; width:280px;}
.products .list .title{display:block;width:100%; height:85px; background:url(../images/list_tit.jpg) no-repeat left top;}
.products .list .title .en{display:block; line-height:30px; font-size:22px; text-align:center; color:#fff; text-transform:uppercase; padding-top:10px;}
.products .list .title h4{display:block;line-height:40px; font-size:22px; text-align:center; color:#fff; text-align:center;}
.products .list .con{display:block; width:254px; border:4px solid #10388d; background:#f2f2f2;padding:9px;}
.products .list .con ul{display:block; width:254px; }
.products .list .con li{display:block; margin-bottom:4px;}
.products .list .con li a{display:block;  height:46px; line-height:46px; font-size:16px; color:#ffffff; padding-left:15px; font-weight:bold; background:#909090 url(../images/ar.png) no-repeat 95% center;}
.products .list .con li a:hover{background:#10388d url(../images/ar.png) no-repeat 95% center;}
.products .list .con li dl{display:block;margin-top:5px;}
.products .list .con li dd{display:block; height:46px; margin-bottom:5px;}
.products .list .con li dd a{display:block;height:46px; line-height:46px; background:#fff url(../images/arrow.png) no-repeat 95% center; font-size:16px; padding-left:15px; color:#666; font-weight:normal;}
.products .list .con li dd a:hover{background:#10388d url(../images/arrowh.png) no-repeat 95% center; color:#fff;}


.container .show{float:right; width:892px; overflow:hidden;}
.container .show ul{width:920px;}
.container .show ul li{float:left; width:285px; margin-right:18px; margin-bottom:18px;}
.container .show ul li a{display:block; width:285px; border-bottom:1px solid #e1e1e1; }
.container .show ul li img{display:Block; width:285px; height:214px; transition:all 2s linear 0s;  -webkit-transition:all 2s linear 0s; -moz-transition:all 2s linear 0s; -o-transition:all 2s linear 0s;}
.container .show ul li a .tit{display:block; line-height:50px; font-size:16px; color:#666; font-weight:bold; background:url(../images/ar2.jpg) no-repeat right center;}
.container .show ul li a:hover{border-bottom:1px solid #10388d;}
.container .show ul li a:hover .tit{background:url(../images/ar2h.jpg) no-repeat right center; color:#10388d;}

.container .show ul li a:hover img{display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);}


.container .reason{display:block; width:100%; margin:0 auto; margin-top:80px; height:780px; background:url(../images/reason_bg.jpg) no-repeat center top;}
.container .reason .inner{display:block; max-width:1200px; margin:0 auto; padding:80px 0px;}
.container .reason .inner .title{display:block; width:500px; height:60px; margin:0 auto;}
.container .reason .inner .title .en{float:left;width:280px; font-size:64px; color:#10388d; font-weight:bold; font-style:italic; text-transform:uppercase; line-height:64px; margin-right:7px;}
.container .reason .inner .title h4{display:block; line-height:20px; font-size:20px; font-style:italic; color:#444; padding-top:5px;}
.container .reason .inner .title  h2{display:Block;line-height:34px; font-size:28px; color:#10388d; font-style:italic;}
.container .reason .inner .con{display:block; padding-top:70px;}
.container .reason .inner .con ul{display:block; width:1200%;}
.container .reason .inner .con ul li.r_01{float:left; width:400px; height:453px; background:#e4e3e3 url(../images/rea_01.jpg) no-repeat right bottom;}
.container .reason .inner .con ul li.r_02{float:left;background:#f1f0f0 url(../images/rea_02.jpg) no-repeat right bottom; width:400px; height:453px;}
.container .reason .inner .con ul li.r_03{float:left;background:#e4e3e3 url(../images/rea_03.jpg) no-repeat right bottom; width:400px; height:453px;}

.container .reason .inner .con ul li .l_in{display:block; padding-left:30px; padding-top:40px;}
.container .reason .inner .con ul li .l_in .m_tit{display:block;}
.container .reason .inner .con ul li .l_in .m_tit .en{display:block; line-height:24px; font-size:20px; color:#444; font-style:italic; font-weight:bold; text-transform:uppercase;}
.container .reason .inner .con ul li .l_in .m_tit h4{display:block; line-height:30px; font-size:20px; color:#444; font-style:italic; }
.container .reason .inner .con ul li .l_in .m_detail{display:block; margin-top:50px; font-size:14px; line-height:30px;font-style:italic;}
.container .reason .inner .con ul li .l_in .moret{display:block; margin-top:130px; line-height:30px; font-size:14px; font-style:italic; background:url(../images/arr.png) no-repeat 50px center;}



.container .case{display:block; width:1200px; margin:0 auto;  background:#fff; box-shadow:0px 5px 8px 4px #eee;margin-top:0px;}
.container .case .c_in{display:block; padding:70px 35px;}
.container .case .c_in .title{display:block; }
.container .case .c_in .title h4{display:block; line-height:40px; color:#444444; text-align:center;  font-size:28px; background:url(../images/line2.jpg) no-repeat center center;}
.container .case .c_in .title h4 .red{color:#10388d; }
.container .case .c_in .title .tip{display:Block; line-height:40px; text-align:center; font-size:18px; font-style:italic;}
.container .case .c_in .con{display:block; padding-top:30px;}
.container .case .c_in .con .rescommend{display:block; width:100%;}
.container .case .c_in .con .rescommend .ns{float:left; width:52%; height:auto}
.container .case .c_in .con .rescommend .ns img{display:Block; width:100%; height:auto;}
.container .case .c_in .con .rescommend .wz{float:right;width:46%;}
.container .case .c_in .con .rescommend .wz .tit{display:block;line-height:50px; font-size:28px; color:#10388d; font-style:italic;}
.container .case .c_in .con .rescommend .wz .detail{display:block; margin-top:20px; font-size:15px; line-height:29px;}
.container .case .c_in .con .rescommend .wz .detail .m_xi{font-style:italic;}

.container .case .c_in .con .rescommend .wz  .moret{display:block; width:175px; height:42px; border:1px solid #10388d; line-height:42px; color:#10388d; text-align:center; font-size:16px; font-style:italic; margin-top:50px;}
.container .case .c_in .con .rescommend .wz  .moret:hover{background:#10388d; color:#fff;}
.container .case .c_in .con ul{display:Block;width:100%; margin-top:40px; }
.container .case .c_in .con ul li{float:left; width:24%; margin-right:1%;}
.container .case .c_in .con ul li img{display:block; width:100%; height:auto;}
.container .case .c_in .con ul li a{display:block; padding:1%; border:1px solid #e1e1e1;}
.container .case .c_in .con ul li a .tit{display:block; line-height:40px; font-size:16px; color:#10388d;height:40px; overflow:hidden;}
.container .case .c_in .con ul li a .tit strong{font-size:15px; color:#666;}


.container .customer{display:block; width:98%;margin:0 auto; background:#f0f0f0;  margin-top:55px; padding:1%;}
.container .customer ul{display:block; width:100%; margin:0 auto;}
.container .customer ul li{float:left; width:18%; height:120px; padding-right:1%; border-right:1px solid #ccc; margin-right:0.5%;}
.container .customer ul li img{display:Block; margin:0 auto;width:90%;}
.container .customer ul li.none{border:none;}


.container .about{display:block; width:1200px; margin:0 auto; margin-top:80px;}
.container .about .title{display:block;}
.container .about .title h4{display:block;line-height:30px; font-size:24px; color:#444; text-align:center;}
.container .about .title .en{display:block;line-height:40px; font-size:32px; color:#10388d; text-transform:uppercase; text-align:center; font-weight:bold;}
.container .about .con{display:block; width:90%; margin:0 auto; font-size:14px; line-height:28px; padding-top:40px;}
.container .about  ul{display:block; margin-top:40px; width:100%;}
.container .about  ul li{float:left; width:31%; height:auto; margin-right:2.3%;}
.container .about  ul li img{display:block; width:100%; height:auto;}